[웹스톰] Webstorm Typescript 사용시 자동 import 따옴표 바꾸기

Webstorm(웹스톰)에서 Typescript를 사용할 경우 모듈이 필요하면 자동으로 import를 페이지 상단에 추가해 줍니다. 매우 편리한데요 만약 추가된 모듈의 따옴표가 쌍따옴표(Doupble quotation) 또는 홑따옴표(Single quotation)으로 변경하려면 어떻게 할까요?

# 웹스톰 typescript에서 자동 import 따옴표 변경하기

방법은 매우 간단합니다 먼저 설정으로 이동합니다.

- 설정 이동하기, 단축키 Ctrl + Alt + S

- 좌측 사이드바 메뉴의 '검색'을 클릭
- 검색어에 Typescript 입력
- 메뉴중 Editor > Code Style > Typescript 찾기
- 클릭하면 나타나는 탭 메뉴 중 Punctuation 선택
- Use에서 single 또는 double로 변경하기


여기까지가 모두 끝입니다. 아래의 스크린샷을 참고하세요.

스크린샷) 웹스톰 Typescript 따옴표 설정 화면

여기까지 웹스톰의 매우 편리한 기능 중 하나인  import 자동 추가의 옵션으로 따옴표 설정을 변경해 사용하였습니다.